<include file="Public/qt_header" title="{$list.nickname}_官方APP下载" keywords="{$list.nickname}APP,{$list.nickname}下载,{$list.nickname}破解版,{$list.nickname}官网" description="{$list.beifen}"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/css/bulid.css">
<style>
	.zhifu p{margin: 0;line-height: 80px;}
	.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left: 0;}
	.radio-inline{overflow: hidden;display: block;}
	.radio-inline img{float: left;display: block;}
	.radio{float:right;}
	.radio-inline, .checkbox-inline{padding-left:0;padding: 15px 0;}
	.radio, .checkbox{margin-top: 0;}
	.img-rounded{display:block;width: 80px;height: 80px;}
	label.radio-inline{padding: 15px 20px;}
</style>

	<div id="" class="view container" style="margin-top:20px;padding:0;">    
	    <div class="span12 margin-bottom-20 row" style="padding:0 20px;">
            <if condition="$list.zxlogo neq '' ">
            <div class="col-xs-4" style="padding:0;">
                <img src="__IMG__{$list.zxlogo}" class="img-rounded" />
             </div>
            <else /> 
             <div class="col-xs-4" style="padding:0;">
                <img src="data:image/png;base64,{$list.hslogo}" class="img-rounded"/>
              </div>
            </if>
            <div class="col-xs-4 zhifu" style="font-size:18px;padding:0;">
            	<p style="line-height:50px;">{$list.nickname}</p>
            	<span style="line-height:30px;font-size:14px;">版本号:1.1.0</span>
			  
            </div>
            <div class="col-xs-4 zhifu" style="padding:0;text-align: right;font-size:30px;">
            	  <p>￥{$list.needmoney}</p>
            </div>
	    </div>
	    <div class="span12" style="text-align:center;">
			<div class="form-group">
				<h5 style="text-align:left;border-bottom:1px solid #ccc;border-top:1px solid #ccc;line-height:50px;padding:0 20px;margin:0;">选择支付方式</h5>
				<div style="background: #f4f4f4;">
<!-- 					<label class="radio-inline">
						<input name="paytype" value="1" checked="checked" type="radio">余额支付（您的余额：元）
					</label> -->
					<label class="radio-inline" id="radio" title="zhifubao">
						<img src="__STATIC__/img/zhifu_02.png" style="width:135px;margin-left:20%;">
                        <div class="radio" >
		                    <input type="radio" name="paytype" id="radio1" value="2" checked>
		                    <label for="radio1"></label>
		                </div>
					</label>
					<!-- <label class="radio-inline" id="radio2" title="weixin">
						<img src="__STATIC__/img/zhifu_05.png" style="width:135px;">
                        <div class="radio">
		                    <input type="radio" name="paytype" id="radio2" value="3">
		                    <label for="radio2"></label>
                        </div>
					</label> -->
				</div>
			</div>
			<div class="form-group" style="text-align:center;padding-top:20px;margin-bottom:60px;">
				<a class="btn-u" href="javascript:void();" onclick="gotopay()" style="width:80%;line-height:48px;font-size:18px;">确认支付 ￥{$list.needmoney}</a>
			</div>
	    </div>
	</div>


<!-- Modal -->
<div class="modal fade" id="modifyphone" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">购买</h4>
      </div>
      <div class="modal-body">
			<div class="tabbb_box">
				<h2>是否完成了购买？</h2>
				<p>请在新打开的页面中完成购买，购买完成后，请根据购买结果点击以下按钮</p>
			</div>
		</div>

		  <div class="modal-footer">
			<a href="/a/{$list['shorturl']}">购买成功</a>&nbsp; &nbsp;<a href="/a/{$list['shorturl']}">购买遇到问题</a>
		  </div>

    </div>
  </div>
</div>

<script type="text/javascript" src="__STATIC__/wap/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/bootstrap.min.js"></script>

<script language="javascript">
function gotopay(){
	var val = $('input:radio[name="paytype"]:checked').val();
	//alert(val);
	var myurl = '';
	if(val=='1'){
		//$("#paytaocan").attr("action", "{:U('member/buydown')}");
		alert("操作有误，请刷新");
		return false;
	}else if(val=='2'){
		myurl = '{$alipayurl}';
		
	}else if(val=='3'){
		<if condition="$ispc eq 1">
			//$("#paytaocan").attr("action", "/jiupay/paytaocan.php");
			alert("请复制此链接到手机浏览器点击进行支付");
			return false;
		<else/>
			myurl = '{$jiupayurl}';
		</if>
	}
	//
	$('#modifyphone').modal('show');
	window.open(myurl); 
}
</script>
<include file="Public/ggfooter" />
<script type="text/javascript">
		$(function () {



			$("#radio").click(function () {
				$(this).find("img").css({
					"margin-left": "20%"
				})
				$(this).find("input").get(0).checked=true;
				$("#radio2").find("div").css({ "display": "block" });
				$("#radio2").find("img").css({
					"margin-left": "0"
				})
			})



			$("#radio2").click(function () {
				$(this).find("img").css({
					"margin-left": "20%"
				})
				$(this).find("input").get(0).checked=true;
				$("#radio").find("div").css({ "display": "block" });
				$("#radio").find("img").css({
					"margin-left": "0"
				})
			})
		})
</script>